@import "wap.less";
html,body,div,ul,ol,li,dd,dt,dl,p,h3,h4,span,input,textarea,select,option,table,tr,td,header,footer,section{padding:0;margin:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{font-family:'Microsoft YaHei';overflow-x:hidden;width:100%;height:100%;max-width:750px;margin:0 auto;color:#333;background:#f5f5f5;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;} 
img{width:100%;border:none;} 
ul,li{list-style-type:none;}
em,i{font-style: normal;}
input{outline: none;border:none;}
a{text-decoration:none; color:#000;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.clear{display: block;overflow: hidden;clear: both;height: 0;line-height: 0;font-size: 0;} 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{float: left;}
.fr{float: right;}
.hide{display:none;}
.table {display:table;width: 100%;}
.t_cell {display:table-cell;vertical-align: middle;}
.t_row{display: table-row;}

@media screen and (min-width:300px){html,body,input{font-size:15px;}}
@media screen and (min-width:320px){html,body,input{font-size:16px;}}
@media screen and (min-width:340px){html,body,input{font-size:17px;}}
@media screen and (min-width:360px){html,body,input{font-size:18px;}}
@media screen and (min-width:375px){html,body,input{font-size:18.75px;}}
@media screen and (min-width:380px){html,body,input{font-size:19px;}}
@media screen and (min-width:400px){html,body,input{font-size:20px;}}
@media screen and (min-width:414px){html,body,input{font-size:20.7px;}}
@media screen and (min-width:420px){html,body,input{font-size:21px;}}
@media screen and (min-width:440px){html,body,input{font-size:22px;}}
@media screen and (min-width:460px){html,body,input{font-size:23px;}}
@media screen and (min-width:480px){html,body,input{font-size:24px;}}
@media screen and (min-width:500px){html,body,input{font-size:25px;}}
@media screen and (min-width:520px){html,body,input{font-size:26px;}}
@media screen and (min-width:540px){html,body,input{font-size:27px;}}
@media screen and (min-width:560px){html,body,input{font-size:28px;}}
@media screen and (min-width:580px){html,body,input{font-size:29px;}}
@media screen and (min-width:600px){html,body,input{font-size:30px;}}
@media screen and (min-width:620px){html,body,input{font-size:31px;}}
@media screen and (min-width:640px){html,body,input{font-size:32px;}}
@media screen and (min-width:660px){html,body,input{font-size:33px;}}
@media screen and (min-width:680px){html,body,input{font-size:34px;}}
@media screen and (min-width:700px){html,body,input{font-size:35px;}}
@media screen and (min-width:720px){html,body,input{font-size:36px;}}
@media screen and (min-width:740px){html,body,input{font-size:37px;}}
@media screen and (min-width:750px){html,body,input{font-size:37.5px;}}


.index-wrap{
   header{
      background: #fff;
      .width(375);
      .height(39);
      position: relative;
      .title{
         background: url(../img/title.png) no-repeat;
         background-size: 100%;
         .width(140);
         .height(16);
         display: block;
         position: absolute;
         .top(11);
         .left(12);
      }
   }
   .content{
      background-image:linear-gradient(-180deg, rgba(250,217,97,0.00) 0%, rgba(249,200,86,0.28) 40%, rgba(246,107,28,0.65) 100%);
      .padding-bottom(181);
     .padding-top(34);
     .form-title{
        .font-size(21);
        color: #333;
        text-align: center;
     }
     ul{
       .margin-top(25);
       li:nth-child(3){
          .padding-right(10);
       }
       li{
        .width(329);
        .height(58);
        .padding-left(10);
        margin: 0 auto;
        .margin-top(10);
        position: relative;
        background: #fff;
        border:1px solid #dcdcdc;
        border-radius:5px;
        -webkit-box-pack: justify; 
        -webkit-justify-content: space-between; 
        justify-content: space-between;
        .input{
           .width(250);
           input{
             .width(220);
             .height(25);
             .font-size(18);
             color: #4a4a4a;
           }
        }
        .w_160{
          .width(160);
          position: absolute;
          left: 2.693333rem;
          .top(17);
          input{
            .width(100);
          }
        }
        .close{
          .width(13);
          .height(13);
          .right(26);
          position: relative;
          .cross{
            top:0;
          }
          .cross::before{
           .width(16);
          }
          .cross::after{
            .width(16)
          }
        }
        .yzm{
          .width(107);
          .height(35);
          .line-height(35);
          background:#ff7f29;
          border-radius: 5px;
          text-align: center;
          .font-size(15);
          color: #fff;
        }
        .image{
          .width(25);
          .height(25);
          i{
            display: block;
          }
          .user{
             .width(23);
             .height(23);
             background: url(../img/user.png) no-repeat;
             background-size: 100%;             
          }
          .phone{
             .width(17);
             .height(25);
             background: url(../img/phone.png) no-repeat;
             background-size: 100%;
          }
          .key{
             .width(24);
             .height(21);
             background: url(../img/key.png) no-repeat;
             background-size: 100%;
          }
        }
       }
     }
     .bound{
       .width(211);
       .height(60);
       background-image:linear-gradient(-175deg, rgba(253,164,35,0.81) 0%, rgba(255,92,0,0.88) 100%);
      border-radius:5px;
      margin: 0 auto;
      .margin-top(30);
      text-align: center;
      .line-height(60);
      color: #fff;

     }
   }
}
.bound-error{
    background:#ffffff;
    border-radius:10px;
    .width(351);
    position: fixed;
    top:50%;
    left: 50%;
    .margin-top(-91);
    .margin-left(-175);
    .title{
        .font-size(24);
        color:#666666;
    }
    .line{
      margin-top: 1.546666666666667rem;
    }
}
.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
    -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
